    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单学习</title>
</head>
<body>
    <form action="#">
        <div>
            <label for="name">用户名<br/>
            <input id="name"
                   type="text"
                   placeholder="请输入用户名"><br/>
        </label>
            <label for="password">密码<br/>
            <input id="password"
                   type="text"
                   placeholder="请输入密码"><br/>
        </label>
            <label for="xl">学历:
            <select name="xl" id="xl">
                <option value="1">本科</option>
                <option value="2">大专</option>
                <option value="3">高中</option>
            </select>
<!--                使用option设置列表项-->
        </label>
        </div>
        <div><label for="sex">性别:
            <input type="radio" value="1" name="sex" checked/>男
            <input type="radio" value="2" name="sex"/>女
<!--            相互排斥,将name属性值设置为同一个-->
        </label></div>
        <div>
            <label for="like">爱好:
        <input type="checkbox"/>编程
        <input type="checkbox"/>阅读
        <input type="checkbox"/>游戏
            </label>
        </div>
        <div>
            <label for="demo">
                <textarea name="demo" id="demo" cols="80" rows="5"></textarea>
        </label>
        </div>
        <input type="submit" value="登录"/>
        <input type="reset" value="重置"/>
    </form>
    
</body>
</html>